/*公用样式部分*/
html{width:100%;overflow-x:hidden;}
body{line-height:2;}
.displaynone{display:none;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt65{margin-top:65px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.bordernone{border:none !important;}
.margin-center{margin-left:auto;margin-right:auto;}
.main-body{transform: translateX(0px); transition: all 0.5s;}
.media-body{margin-top:0;}
.layui-container{width:1230px;}

.xmgyImg a{display: block;}
.xmgyImg2{margin-top:30px;}
/*top*/
#top{height:40px;width:100%;line-height:40px;border-bottom: 1px solid #ccc;}
#top .top-left p{font-size:14px;color:#333;}
#top .top-right{height:40px;}
#top .top-right span a{display:inline-block;line-height:40px;background:url(../images/icon1.png) left center no-repeat;padding-left:25px;font-size:14px;color:#000;}
/*logobox*/
.logo-nav{height:100px;}
.logo-box{margin-top:7px;width:400px;}
/*nav*/
#nav-box{height:100px;line-height: 100px;width:750px;}
#nav-box ul>li{float:left;width:14.28571%;text-align: center;height:100px;position:relative;}
#nav-box ul li a{display:block;line-height:100px;font-size:16px;color:#333;font-weight:bold;}
#nav-box ul>li:hover{background:#2373c8;}
#nav-box ul>li:hover a{color:#fff;}
.logobox button{cursor:pointer;border:none; color:#da1c24; font-size:22px;display:none;z-index:20000;background:none;float:left !important;z-index:2;}
#nav-box ul .submenu1{position:absolute;width:1200px;height:60px;line-height:60px;top:100px;z-index:99;background:#3481d3;display:none;padding-left:84px;}
#nav-box ul .submenu1 li{line-height: 60px;float: left;}
#nav-box ul .submenu1 li a{text-align:left;font-size:14px;display:block;width:60px;line-height:60px;color:#fff;font-weight:bold;padding:0 14px;}
#nav-box ul .submenu1 li a:hover{color:#52e0ff;}
/*banner*/
.banner{position: relative; width:100%;}	
.banner .pic{position:relative; z-index:2;}	
.banner .pic li{height:400px;}	
.banner .hd{position:absolute;bottom:10px;left:0;z-index:3;text-align:center;margin:auto;width:100%;}
.banner .hd li{width:12px;height:12px;background:#fff;display:inline-block;margin-left:5px;border-radius:50%;}
.banner .hd li.on{background:#2153ab;}

/*news*/
.product{width:855px;float:left;border:1px solid #e6e6e6;height:auto;padding:20px 20px 20px 20px;box-sizing: border-box;}
.product .title ul{height:40px;width:260px;line-height: 40px;}
.product .title ul li{width:50%;float:left;background:#fff;border-radius:50px;text-align: center;}
.product .title ul li a{font-size:20px;color:#333;display:inline-block;line-height: 40px;}
.bj{background:#2373c8!important;}
.bj a{color:#fff!important;font-weight:bold;}
.product .title div.more a{color:#2373c8;font-size:12px;}
.product-box-body {position: relative;}
.product-box-body .bd{overflow: hidden;}
.product-box-body .bd li {float: left;width:33.3333%;}
.product-box-body .bd li div.product-item {margin: 0px 10px;position: relative;}
.product-box-body .bd li div.product-item p{width:100%;font-size:14px;color:#fff;text-align: center;background:rgba(0,0,0,.7);height:30px;line-height: 30px;position: absolute;bottom:0;left:0;}
.product-box-body a {display: block;text-align: center;height: auto;}
.product-box-body a span{display:block;text-align: center;height:1.78rem;overflow:hidden;}
.product-box-body a span img {height: 100%;width: 100%;}

.product-box-cont ul li {float: left;width:33.3333%;margin-right:21px;position: relative;}
.product-box-cont ul li:nth-of-type(3){margin-right:0px;}
.product-box-cont ul li a p{width:100%;font-size:14px;color:#fff;text-align: center;background:rgba(0,0,0,.7);height:30px;line-height: 30px;position: absolute;bottom:0;left:0;}
.product-box-cont a {display: block;text-align: center;height: auto;}
.product-box-cont a span{display:block;text-align: center;height:1.78rem;overflow:hidden;}
.product-box-cont a span img {height: 100%;width: 100%;}

/*项目工艺*/
.xmgy{width:326px;float:right;}
.xmgy-item{width:100%;height:auto;border:1px solid #e6e6e6;border-radius:10px;padding:20px 15px;box-sizing: border-box;}
.xmgy-item-lf{width:80%;height:81px;float: left;background:url(../images/icon2.png) left center no-repeat;}
.xmgy-item-lf p{padding-left:90px;font-size:20px;line-height:25px;color:#333;margin-top:17px;}
.xmgy-item-lf p span{font-size:10px;color:#666;display:block;}
.xmgy-item-rt{float:right;margin-top:18px;}
.xmgy-item-rt a{display:block;background:url(../images/icon4.png) no-repeat;width:40px;height:40px;}
.xmgy-item-rt a:hover{background:url(../images/icon5.png) no-repeat;}
.xmgy-item1{margin-top:34px;}
.xmgy-item1 .xmgy-item-lf{background:url(../images/icon3.png) left center no-repeat;} 
/*footer*/
.footer{width:100%;background:#f8f8f8;padding:15px 0;}
.footer p{font-size:14px;color:#333;text-align: center;}

.bohao{width:60px;height:60px;position:fixed;bottom:20px;right:20px;z-index:10000;}

.photo_list_page li a div.ctn-con{height:2rem!important;}
.photo_list_page li a div.auto-height{margin-top:0!important;}
@media only screen and (min-width: 320px) and (max-width: 640px) {
	.layui-container{width:auto!important;}
	.banner .pic li{height:140px;}
	.logo-nav{text-align:center;height:1.3rem;}	
	.logo-nav .logo-box,.aboutus-cont .abtTxt{margin:0;}
	.logo-nav .logo-box img{width:4.5rem;margin-top:5px;float:left;margin-left:15px;}
	.logo-nav{padding:0;}
	.logo-nav button{display:block;margin-top:5px;}
	
	.logo-nav .head-icon{width:.9rem;height:.9rem;float:right;display:block;position:relative;margin-top:.2rem;}
	.logo-nav .head-icon span{display:block;position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: .5rem;
    height: .37rem;
    transition: all 0.5s ease-in-out;
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(../images/icon1.jpg);}
	.head-icon.active span{width: .5rem;height: 0.37rem;background-image: url(../images/icon2.jpg);}
	/*主导航样式*/
	#nav-box{background-color: rgba(0, 0, 0, 0.7);height:auto;}
	#nav-box ul>li{width:100%;background:none;}
	#nav-box ul>li a{color:#666;font-size:14px;}
	#nav-box ul>li.active>a{line-height:.8rem;color:#fff;background:none;}
	#nav-box ul>li:hover a{color:#fff;font-weight:bold;}
	.navbar{position: fixed;display:none;top: 1.3rem;left: 0;width: 100%;bottom: 0;z-index: 9999;}
	.nav-box{width: 100%;background-color: #fff;z-index: 1200;border-top: .01rem solid #e5e5e5;padding-bottom: .8rem;}
	.nav-box ul{width:100%;height:auto;overflow:hidden;}
	.nav-box li{width:100%;height:auto;overflow:hidden;border-bottom:.01rem solid #e5e5e5;float:none}
	.nav-box li a{display: block;width: 100%;text-align: center;line-height: .8rem;height: .8rem;font-size: .24rem;color: #666;}
	.nav-box li a:hover{color:#149350;}
	#nav-box ul>li{height:45px;}
	#nav-box ul li a{line-height: 45px;height:45px;}
	
	#nav-box{width:100%;}
	#header{height:auto;}
	.logo-box{width:100%;}
	.banner .hd li{width:8px;height:8px;}
	 .product{width:100%;float:none!important;}
	.footer p{line-height: 25px;}
	
	.product-box-body .bd li{width:auto!important;}
	.product-box-body a span{height:4rem;}
	.product-box-cont ul li{width:48%!important;margin:0 1%;margin-bottom: 10px;}
	.product-box-cont a span{height:2.5rem;}
	.product .title ul{width:80%;height:30px;line-height:30px;}
	.product .title ul li a{line-height:30px;}
	
	.xmgy{width:100%;float:none!important;}
	.xmgy-item{padding:10px;}
	.xmgy-item1{margin-top:20px;}
}
/*内页样式*/
#nav-position {border: 1px solid #ddd;padding: 3px 10px;margin-top: 30px;background: #fff;line-height: 40px;}
#main-box {margin-top: 30px;}
.submenu-box {border: 1px solid #ddd;background: #fff;}
.submenu-box h1 {font-size: 16px;background: #2155ae;padding: 8px 12px;color: #fff;}
.submenu-box ul {padding: 5px 12px 20px;}
.submenu-box li {border-bottom: 1px dashed #ddd;}
.submenu-box li a {display: block;background: url(../images/submenu-li-bg.jpg) left center no-repeat;padding-left: 5px;line-height: 45px;transition: all 0.5s;}
.submenu-box li a:hover {background: url(../images/submenu-li-bg.jpg) 10px center no-repeat #f7f7f7;padding-left: 22px;}
.submenu-box li a span {float: right;}

/*#main-con img {max-width: 100%;}*/

.left-lianxi {border:1px solid #ddd;}
.left-lianxi h1 {font-size: 16px;background: #2155ae;padding: 8px 12px;color: #fff;}
.left-lianxi li span {display: inline-block;text-align: center;width: 20px;color: #ccc;}
.left-lianxi ul {padding: 10px;line-height: 2;}








.mainLeft{width:240px;float:left;z-index:10000;}
.mainLeft .LeftCateg{background:#fff;border:1px solid #eee;}
.mainLeft .LeftCateg .LeftCateg-tit{background:url(../images/lefttit.png) no-repeat;;color:#fff;height: 78px;text-align: center;padding-top:20px;}
.mainLeft .LeftCateg .LeftCateg-tit h3{font-size:24px;line-height:38px;font-weight: bold;}
.mainLeft .LeftCateg .LeftCateg-tit p{font-size:.14rem;line-height:1.2;text-transform: uppercase;}
.mainLeft .LeftCateg ul li{background: linear-gradient(#fff, #ececec);line-height:44px;padding:4px 0;font-size:.16rem;border-bottom: 1px solid #e2e2e2;}
.mainLeft .LeftCateg ul li a{background:url(../images/list-ico2.png) left center no-repeat;display: inline-block;padding:0 14px;}
.mainLeft .LeftCateg ul li:hover a{background:url(../images/list-ico3.png) left center no-repeat;color:#F4952F;}
.mainLeft .LeftCateg ul li span{background:url(../images/Rc.png) right center no-repeat;width: 16px;height:16px;margin-top:12px;margin-right:10px;}
.LeftImg p{margin-top:15px;}

.leftContact{border:1px solid #eee;}
.leftContact p{color:#666;padding:0 5px;}
.leftContact p span{padding-right:4px;}

.mainRight{width:930px;float:right;}
.mainrightTit{border-bottom:2px solid #e8e8e8;}
.mainrightTit b{font-size:20px;display: inline-block;border-bottom:2px solid #2373c8;color:#2373c8;}

@media only screen and (min-width: 320px) and (max-width: 640px) {
	.banner{height:160px;}
	.banner .pic li img{height:160px !important;width:100%}
	.banner .pic li {width:100%;height:160px;background-size: cover!important;}	
	.logobox button{display:inline-block; cursor:pointer;}
	#nav ul .submenu li{padding:0;}
	#nav{position:absolute; top:80px; width:100%; left:0; background:#43ae4f; display:none; z-index:999;height:auto;}
	/*#nav-box ul>li{width:100%;line-height:25px;}*/
	#nav ul>li{width:50%;line-height:25px;height:auto;border:none;}
	#nav ul>li>a{color:#fff;font-size:16px;font-weight:normal;border-right:none;}
	#nav ul li a{line-height:30px;padding:5px 0;}
	#nav ul>li.active>a{background:none;color:#FFF;}
	#nav ul li a:hover,#nav ul li a:active,#nav ul li a.current{background:#50b75b;color:#FFF;border-bottom:none;}
	.logobox{height:80px;padding:0;}
	.logobox .logo,.company,.product,.shichang,.advant,.jidi{margin-top:15px;}
	.logobox .logo img{width:70%;}
	

	.company .company-r .company-list li a{padding:8px 10px;margin-right:5px;}
	.company .company-r .company-list li{width:20%;margin:0;}
	.company .company-r h3{font-size:20px;}
	.honorScroll a.prev,.honorScroll a.next{display:none;}
	.honorScroll li{width:100%}
	.honorScroll .tempWrap,.jidiScroll .tempWrap{width:100% !important}
	.product .product-list a span img,.shichang-right a img{height:180px;}
	.product .product-line a{padding:8px 15px;font-size:14px;}
	.advant .advant-list li{width:100%;}
	.advant .advant-list li .advant-item span,.advant .advant-list li .advant-item h3{margin:0;}
	.news-cont .news-body h3,.news-cont .news-body p,#footer dl{display:none;}
	#footer .contact{width:100%;}
	.contact-body {font-size: 12px}
	.copyright {font-size: 11px;}

	#main-con {margin-top:10px;}

	.article_content iframe {width:100%;height:200px;}
	.article_content {min-height: auto!important;}





	.mainLeft .LeftCateg .LeftCateg-tit h3,.mainrightTit b{font-size:16px;line-height: 1.5;}
.article_title{font-size: 18px !important;line-height: 1.5;}
	.mainLeft,.mainRight{width:100%;}
	.mainLeft .LeftCateg ul li{line-height: 32px;float:left;width:33.3%;padding:0;font-size:15px;}
	.mainLeft .LeftCateg .LeftCateg-tit{background:#2056ad;padding:5px 10px;height:auto;display: none;}
	.mainrightTit .float-right{float:none !important;}
	.mainrightTit b{display:block;}
	.LeftImg p{width: 50%;float: left;padding: 0 10px;box-sizing: border-box;}
	.mainLeft .LeftCateg ul li span, .LeftImg p{display:none;}
}